<!--The content below is only a placeholder and can be replaced.-->
<mat-sidenav-container style="height:100%;width:100%;" [class.myapp-dark-theme]="isDarkTheme">
  <mat-sidenav #sidebar mode="over">
    <app-sidebar></app-sidebar>
  </mat-sidenav>
  <mat-sidenav-content>
    <div class="site">
      <header>
        <app-header (openSidebarBtnClicked)="sidebar.toggle()" (toggleThemeBtnClicked)="toggleThemeBtnClickedHandler($event)"></app-header>
      </header>
      <main>
        <router-outlet></router-outlet>
        <!--<div class="square" [@square]="squareState" (click)="onClick($event)"></div>-->
      </main>
      <footer>
        <app-footer app-draggable></app-footer>
      </footer>
    </div>
  </mat-sidenav-content>
</mat-sidenav-container>
